<template>
    <div v-if="gujia">
        <van-skeleton title :row="13" />
    </div>
    <div v-else>
        <van-nav-bar title="爱坤商城(小黑子版)" />
        <Sousuo></Sousuo>
        <lunbotu></lunbotu>
        <div style="margin-right: 5px; float: left;  position: relative; margin-top: 15px;">
            <van-card tag="新品" price="2999.00起" desc="Flyme AIOS | 骁long....." title="魅族 21"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" style="width: 200px; height: 120px;" />
                <div style="width: 40px; height: 20px; background-color: red; display: inline-block; font-size: 13px; color: #fff; text-align: center; line-height: 20px;border-radius: 5px; position: absolute; left: 15px; top: 10px; z-index: 99;">
                    <span>新品</span>
                </div>
        </div>
        <div style="margin-right: 5px; float: left; margin-top: 15px;">
            <van-card tag="新品" price="2999.00起" desc="Flyme AIOS | 骁long....." title="魅族 21"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" style="width: 200px; height: 120px;" />
        </div>
        <div style="margin-right: 5px; float: left;margin-top: 5px;">
            <van-card tag="新品" price="2999.00起" desc="Flyme AIOS | 骁long....." title="魅族 21"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" style="width: 200px; height: 120px;" />
        </div>
        <div style="margin-right: 5px; float: left;  position: relative;margin-top: 5px;">
            <van-card tag="新品" price="2999.00起" desc="Flyme AIOS | 骁long....." title="魅族 21"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" style="width: 200px; height: 120px;" />
                <div style="width: 40px; height: 20px; background-color: red; display: inline-block; font-size: 13px; color: #fff; text-align: center; line-height: 20px;border-radius: 5px; position: absolute; left: 15px; top: 10px; z-index: 99;">
                    <span>新品</span>
                </div>
        </div>
        <div style="margin-right: 5px; float: left;margin-top: 5px;">
            <van-card  price="2999.00起" desc="Flyme AIOS | 骁long....." title="魅族 21"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" style="width: 200px; height: 120px;" />
        </div>
        <div style="margin-right: 5px; float: left;margin-top: 5px;">
            <van-card  price="2999.00起" desc="Flyme AIOS | 骁long....." title="魅族 21"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" style="width: 200px; height: 120px;" />
        </div>
    </div>
</template>

<script setup>
import lunbotu from '@/components/lunbotu.vue'
import Sousuo from '@/components/sousuo.vue';
// import tabber from '@/components/tabber.vue'
import { ref } from 'vue';
let gujia = ref(true)
setTimeout(() => {
    gujia.value = false
}, 2000)
</script>

<style lang="scss" scoped>
</style>